<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title></title>
	<link rel="stylesheet" href="../stylesheets/common.css" />
	<link rel="stylesheet" href="../stylesheets/table.css" />
</head>

<body>
	<div class="place">
		<span class="label-span">位置：</span>
		<ul id="place-list" class="place-ul">
			<li>
				首页 - 标签页
			</li>
		</ul>
	</div>
	<div class="body-warp">
		<div class="panel">
			<div class="panel-body">
				<div class="highlight">
					<span>选择的评委：</span>
					<span class="tags" data-toggle="tags">
                        <span>李评委</span>
					<i class="iconfont close">&#xe628;</i>
					</span>
					<span class="tags" data-toggle="tags">
                        <span>李评委</span>
					<i class="iconfont close">&#xe628;</i>
					</span>
					<span class="tags" data-toggle="tags">
                        <span>李评委</span>
					<i class="iconfont close">&#xe628;</i>
					</span>
					<span class="tags" data-toggle="tags">
                        <span>李评委</span>
					<i class="iconfont close">&#xe628;</i>
					</span>
				</div>
				<ul class="tabs" data-toggle="tab" role="tab">
					<li>
						<a class="tabs-btn selected" href="#tab1">标签页1</a>
					</li>
					<li>
						<a class="tabs-btn" href="#tab2">标签页2</a>
					</li>
					<li>
						<a class="tabs-btn" href="#tab3">标签页3</a>
					</li>
				</ul>
				<div class="tabs-content">
					<div id="tab1">
						<div class="panel table-tool-bar mt-10">
							<a href="javascript:void(0);" class="btn right">修改评委</a>
							<a href="javascript:void(0);" class="btn right mr-10">设置组长</a>
							<span>评委组：王评委（组长），李评委，赵评委</span>
						</div>
						<table class="table" id="table1"></table>
						
						
					</div>
					<div class="hide" id="tab2">
						<div class="panel table-tool-bar mt-10">
							<a href="javascript:void(0);" class="btn right">修改评委</a>
							<a href="javascript:void(0);" class="btn right mr-10">设置组长</a>
							<span>评委组：王评委（组长），李评委，赵评委</span>
						</div>
						<table class="table" id="table2"></table>
					</div>
					<div class="hide" id="tab3">
						<div class="panel table-tool-bar mt-10">
							<a href="javascript:void(0);" class="btn right">修改评委</a>
							<a href="javascript:void(0);" class="btn right mr-10">设置组长</a>
							<span>评委组：王评委（组长），李评委，赵评委</span>
						</div>
						<table class="table" id="table3"></table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../ext/zw/grid.js"></script>
	<script type="text/javascript" src="../javascripts/tool.js"></script>
	<script>
		$(function () {
			var config = {
					store: {
						data: {
							"s": 1,
							"d": [{
								"_id": "5518b89dbc547f6c18c98dff",
								"account": "admin",
								"password": "7c4a8d09ca3762af61e59520943dc26494f8941b",
								"__v": 0,
								"phone": "123",
								"role": 2,
								"sex": "男",
								"name": "管理员1"
							}, {
								"_id": "551b56c11911ce040e0b9887",
								"name": "123123",
								"account": "admin1",
								"password": "7c4a8d09ca3762af61e59520943dc26494f8941b",
								"phone": "123123",
								"__v": 0,
								"role": 1,
								"sex": "男"
							}, {
								"_id": "551b59b377886a8c1d20b65e",
								"name": "管理员",
								"account": "admin12a",
								"password": "601f1889667efaebb33b8c12572835da3f027f78",
								"sex": "男",
								"phone": "电话",
								"role": 2,
								"__v": 0
							}, {
								"_id": "551b64b577886a8c1d20b671",
								"name": "asdfasdf",
								"account": "asdfasdf",
								"password": "601f1889667efaebb33b8c12572835da3f027f78",
								"sex": "男",
								"phone": "",
								"role": 1,
								"__v": 0
							}, {
								"_id": "551b691677886a8c1d20b683",
								"name": "",
								"account": "1231231a",
								"password": "88ea39439e74fa27c09a4fc0bc8ebe6d00978392",
								"sex": "男",
								"phone": "",
								"role": 1,
								"__v": 0
							}, {
								"_id": "551b6d2177886a8c1d20b687",
								"name": "asdf",
								"account": "123123123",
								"password": "73da7bb9d2a475bbc2ab79da7d4e94940cb9f9d5",
								"sex": "男",
								"phone": "3123123",
								"role": 1,
								"__v": 0
							}, {
								"_id": "551b8a4877886a8c1d20b698",
								"name": "",
								"account": "admin123a",
								"password": "40bd001563085fc35165329ea1ff5c5ecbdbbeef",
								"sex": "男",
								"phone": "",
								"role": 1,
								"__v": 0
							}, {
								"_id": "551b8ac277886a8c1d20b69c",
								"name": "",
								"account": "admin1a",
								"password": "601f1889667efaebb33b8c12572835da3f027f78",
								"sex": "男",
								"phone": "",
								"role": 1,
								"__v": 0
							}, {
								"_id": "551b8e9c77886a8c1d20b6a0",
								"name": "",
								"account": "adfadf",
								"password": "40bd001563085fc35165329ea1ff5c5ecbdbbeef",
								"sex": "男",
								"phone": "",
								"role": 1,
								"__v": 0
							}, {
								"_id": "551b8ee477886a8c1d20b6a7",
								"name": "",
								"account": "123123adfs",
								"password": "b51f92f87f2d066dc6163aab994990608d5bf73b",
								"sex": "男",
								"phone": "",
								"role": 1,
								"__v": 0
							}],
							"total": 1000
						}
					},
					tool: {
						pagingBar: true
					},
					columns: [{
						title: '帐号',
						dataIndex: 'account',
						sortable: true
                }, {
						title: '姓名',
						dataIndex: 'name',
						sortable: true
                }, {
						title: '单位',
						dataIndex: 'unit'
                }, {
						title: '管理员',
						dataIndex: 'role',
						renderer: function (cellData, rowData) {
							return '<span class="red">否</span>';
						}
                }, {
						title: '评委',
						dataIndex: 'phone',
						renderer: function (cellData, rowData) {
							return '<span class="red">否</span>';
						}
                }, {
						title: '操作',
						width: 300,
						renderer: function () {
							//外部嵌套div修复ie6定宽下换行
							return '<div style="width:300px;overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="setManager(this);">警告框</a>\n<a class="btn btn-primary" href="javascript:void(0);" onclick="setJuage(this);">页面框</a>\n</div>';
						}
                }]
				}
				/*初始化表格*/
			grid = $('#table1').grid(config);
			$('#table2').grid(config);
			$('#table3').grid(config);
		});
	</script>
</body>

</html>